﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3 相关天气详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3_相关天气详情/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_3_相关天气详情/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u1464" class="ax_default" data-left="108" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u1465" class="ax_default _形状" data-label="Rectangle">
          <div id="u1465_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1466" class="ax_default" data-left="108" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u1467" class="ax_default _形状">
            <div id="u1467_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1468" class="ax_default" data-left="115" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u1469" class="ax_default _形状">
              <img id="u1469_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1470" class="ax_default _形状">
              <img id="u1470_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1471" class="ax_default _形状">
              <img id="u1471_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1472" class="ax_default _形状">
              <img id="u1472_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1473" class="ax_default _形状">
              <img id="u1473_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1474" class="ax_default" data-left="114" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u1475" class="ax_default icon">
              <img id="u1475_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1476" class="ax_default _形状">
              <div id="u1476_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u1477" class="ax_default icon">
              <img id="u1477_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1478" class="ax_default _形状">
              <div id="u1478_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1479" class="ax_default _形状">
              <div id="u1479_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1480" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1480_div" class=""></div>
          <div id="u1480_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1481" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1481_div" class=""></div>
          <div id="u1481_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1482" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1482_div" class=""></div>
          <div id="u1482_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1483" class="ax_default" data-left="108" data-top="127" data-width="376" data-height="51">

        <!-- Rectangle (矩形) -->
        <div id="u1484" class="ax_default _形状" data-label="Rectangle">
          <div id="u1484_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1485" class="ax_default _二级标题">
        <div id="u1485_div" class=""></div>
        <div id="u1485_text" class="text ">
          <p><span>实时天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1486" class="ax_default _二级标题">
        <div id="u1486_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1487" class="ax_default ellipse">
        <img id="u1487_img" class="img " src="images/4_2_实时天气状况/u1452.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1488" class="ax_default _一级标题">
        <div id="u1488_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1489" class="ax_default _一级标题">
        <div id="u1489_div" class=""></div>
        <div id="u1489_text" class="text ">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1490" class="ax_default icon">
        <img id="u1490_img" class="img " src="images/4_2_实时天气状况/u1455.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1491" class="ax_default _三级标题">
        <div id="u1491_div" class=""></div>
        <div id="u1491_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1492" class="ax_default _一级标题">
        <div id="u1492_div" class=""></div>
        <div id="u1492_text" class="text ">
          <p><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">21</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1493" class="ax_default _三级标题">
        <div id="u1493_div" class=""></div>
        <div id="u1493_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">明天</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">&nbsp; </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">多云&nbsp; 20-</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">23</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">度</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1494" class="ax_default icon">
        <img id="u1494_img" class="img " src="images/4_2_实时天气状况/u1459.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1495" class="ax_default _二级标题">
        <div id="u1495_div" class=""></div>
        <div id="u1495_text" class="text ">
          <p><span>实时天气-实时天气状况</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1496" class="ax_default _连接线">
        <img id="u1496_seg0" class="img " src="images/4_3_相关天气详情/u1496_seg0.png" alt="u1496_seg0"/>
        <img id="u1496_seg1" class="img " src="images/4_3_相关天气详情/u1496_seg1.png" alt="u1496_seg1"/>
        <img id="u1496_seg2" class="img " src="images/4_3_相关天气详情/u1496_seg2.png" alt="u1496_seg2"/>
        <img id="u1496_seg3" class="img " src="images/4_3_相关天气详情/u1496_seg3.png" alt="u1496_seg3"/>
        <img id="u1496_seg4" class="img " src="images/4_1_地区设置/u1385_seg1.png" alt="u1496_seg4"/>
        <div id="u1496_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1497" class="ax_default" data-left="618" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u1498" class="ax_default _形状" data-label="Rectangle">
          <div id="u1498_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1499" class="ax_default" data-left="618" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u1500" class="ax_default _形状">
            <div id="u1500_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1501" class="ax_default" data-left="625" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u1502" class="ax_default _形状">
              <img id="u1502_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1503" class="ax_default _形状">
              <img id="u1503_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1504" class="ax_default _形状">
              <img id="u1504_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1505" class="ax_default _形状">
              <img id="u1505_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1506" class="ax_default _形状">
              <img id="u1506_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1507" class="ax_default" data-left="624" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u1508" class="ax_default icon">
              <img id="u1508_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1509" class="ax_default _形状">
              <div id="u1509_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u1510" class="ax_default icon">
              <img id="u1510_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1511" class="ax_default _形状">
              <div id="u1511_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1512" class="ax_default _形状">
              <div id="u1512_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1513" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1513_div" class=""></div>
          <div id="u1513_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1514" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1514_div" class=""></div>
          <div id="u1514_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1515" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1515_div" class=""></div>
          <div id="u1515_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1516" class="ax_default _二级标题">
        <div id="u1516_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1517" class="ax_default ellipse">
        <img id="u1517_img" class="img " src="images/4_3_相关天气详情/u1517.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1518" class="ax_default _一级标题">
        <div id="u1518_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1519" class="ax_default _一级标题">
        <div id="u1519_div" class=""></div>
        <div id="u1519_text" class="text ">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1520" class="ax_default icon">
        <img id="u1520_img" class="img " src="images/4_3_相关天气详情/u1520.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1521" class="ax_default _三级标题">
        <div id="u1521_div" class=""></div>
        <div id="u1521_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1522" class="ax_default _一级标题">
        <div id="u1522_div" class=""></div>
        <div id="u1522_text" class="text ">
          <p><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">21</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1523" class="ax_default _二级标题">
        <div id="u1523_div" class=""></div>
        <div id="u1523_text" class="text ">
          <p><span>实时天气-相关天气详情</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1524" class="ax_default icon">
        <img id="u1524_img" class="img " src="images/2_1_其他闹钟页面/u942.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1525" class="ax_default icon">
        <img id="u1525_img" class="img " src="images/4_3_相关天气详情/u1525.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1526" class="ax_default label">
        <div id="u1526_div" class=""></div>
        <div id="u1526_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">18:00</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1527" class="ax_default label">
        <div id="u1527_div" class=""></div>
        <div id="u1527_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">19:00</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1528" class="ax_default label">
        <div id="u1528_div" class=""></div>
        <div id="u1528_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">20:00</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1529" class="ax_default label">
        <div id="u1529_div" class=""></div>
        <div id="u1529_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">21:00</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1530" class="ax_default label">
        <div id="u1530_div" class=""></div>
        <div id="u1530_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">21:00</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1531" class="ax_default label">
        <div id="u1531_div" class=""></div>
        <div id="u1531_text" class="text ">
          <p><span>21度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1532" class="ax_default label">
        <div id="u1532_div" class=""></div>
        <div id="u1532_text" class="text ">
          <p><span>21度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1533" class="ax_default label">
        <div id="u1533_div" class=""></div>
        <div id="u1533_text" class="text ">
          <p><span>20度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1534" class="ax_default label">
        <div id="u1534_div" class=""></div>
        <div id="u1534_text" class="text ">
          <p><span>21度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1535" class="ax_default label">
        <div id="u1535_div" class=""></div>
        <div id="u1535_text" class="text ">
          <p><span>19度</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1536" class="ax_default line">
        <img id="u1536_img" class="img " src="images/4_3_相关天气详情/u1536.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1537" class="ax_default line">
        <img id="u1537_img" class="img " src="images/4_3_相关天气详情/u1536.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1538" class="ax_default label">
        <div id="u1538_div" class=""></div>
        <div id="u1538_text" class="text ">
          <p><span>周六</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1539" class="ax_default label">
        <div id="u1539_div" class=""></div>
        <div id="u1539_text" class="text ">
          <p><span>周日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1540" class="ax_default label">
        <div id="u1540_div" class=""></div>
        <div id="u1540_text" class="text ">
          <p><span>周一</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1541" class="ax_default label">
        <div id="u1541_div" class=""></div>
        <div id="u1541_text" class="text ">
          <p><span>周二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1542" class="ax_default label">
        <div id="u1542_div" class=""></div>
        <div id="u1542_text" class="text ">
          <p><span>周三</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1543" class="ax_default label">
        <div id="u1543_div" class=""></div>
        <div id="u1543_text" class="text ">
          <p><span style="color:#C9C9C9;">20度</span><span style="color:#FFFFFF;">/24度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1544" class="ax_default label">
        <div id="u1544_div" class=""></div>
        <div id="u1544_text" class="text ">
          <p><span style="color:#C9C9C9;">20度</span><span style="color:#FFFFFF;">/26度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1545" class="ax_default label">
        <div id="u1545_div" class=""></div>
        <div id="u1545_text" class="text ">
          <p><span style="color:#C9C9C9;">21度</span><span style="color:#FFFFFF;">/27度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1546" class="ax_default label">
        <div id="u1546_div" class=""></div>
        <div id="u1546_text" class="text ">
          <p><span style="color:#C9C9C9;">22度</span><span style="color:#FFFFFF;">/27度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1547" class="ax_default label">
        <div id="u1547_div" class=""></div>
        <div id="u1547_text" class="text ">
          <p><span style="color:#C9C9C9;">23度</span><span style="color:#FFFFFF;">/27度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1548" class="ax_default label">
        <div id="u1548_div" class=""></div>
        <div id="u1548_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1549" class="ax_default label">
        <div id="u1549_div" class=""></div>
        <div id="u1549_text" class="text ">
          <p><span>阴天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1550" class="ax_default label">
        <div id="u1550_div" class=""></div>
        <div id="u1550_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1551" class="ax_default label">
        <div id="u1551_div" class=""></div>
        <div id="u1551_text" class="text ">
          <p><span>小雨</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1552" class="ax_default label">
        <div id="u1552_div" class=""></div>
        <div id="u1552_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1553" class="ax_default _二级标题">
        <div id="u1553_div" class=""></div>
        <div id="u1553_text" class="text ">
          <p><span>实时天气-实时天气状况</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1554" class="ax_default box_1">
        <img id="u1554_img" class="img " src="images/4_1_地区设置/u1389.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1555" class="ax_default _文本段落">
        <div id="u1555_div" class=""></div>
        <div id="u1555_text" class="text ">
          <p><span>1.用户从页面底部上滑进入【实时天气-相关天气详情】页面</span></p><p><span><br></span></p><p><span>2.页面显示已选择地区未来24小时和近五天的温度及天气状况</span></p><p><span><br></span></p><p><span>3.用户从页面顶部下滑跳转至【实时天气-实时天气状况】</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
